<template>
    <div class="field">
        <div class="label">
            <span>{{label}}</span>
        </div>
        <div class="value">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'field',
    props: {
        label: {
            type: String
        }
    }
}
</script>

<style scoped>
.field{
    position: relative;
    width:100%;
    display: flex;
    padding:0.2rem 0.32rem;
    overflow: hidden;
    color:#333;
    font-size:0.28rem;
    line-height:0.48rem;
    background:#fff;
}
.field .label{
    color:#666;
    width:1.8rem;
    margin-right:0.24rem;
}
.field .value{
    flex:1;
}
</style>